/**
 * Created by 饼干 on 2017/10/23.
 */
$(function(){

/**********************内页加载更多*/
    $(document).on("pageInit", "#page-inside", function(e, pageId, $page) {
        var loadMore=$(".to-more");
        //加载参数
        var page= 1,pagesize=20,str='';

        loadMore.on("click",function(){
            getData(function(res){
                console.log(res);
                page++;
                //渲染数据
                renderData(res);

            })
        })

        //ajax请求
        function getData(callback){
            $.ajax({
                type:"get",
                url:"http://list.ydui.org/getdata.php?type=backposition",
                dataType:"jsonp",
                data:{
                    page: page,
                    pagesize: pagesize
                },
                success:function(res){
                    typeof callback == 'function' && callback(res);
                },
                error:function(){
                    $.toast("操作失败,请检查网络后重试！");
                }
            })
        }
        //渲染模块
        function renderData(data){
            var dataLen=data.length;
            for(var i=0;i<dataLen;i++){
                str+=`
                    <a class="list-item" href="../detail/" data-no-cache="true">
                    <p>${data[i].title}</p>
                    <span>2017-10-23</span>
                </a>
                `;
            }
            $(".m-lists").append(str);
        }
    });

/**********************微知识版块加载更多*/
    $(document).on("pageInit", "#page-insidePol", function(e, pageId, $page) {
        var loadMore=$(".to-more");
        //加载参数
        var page= 1,pagesize=20,str='';

        loadMore.on("click",function(){
            getData(function(res){
                console.log(res);
                page++;
                //渲染数据
                renderData(res);

            })
        })

        //ajax请求
        function getData(callback){
            $.ajax({
                type:"get",
                url:"http://list.ydui.org/getdata.php?type=backposition",
                dataType:"jsonp",
                data:{
                    page: page,
                    pagesize: pagesize
                },
                success:function(res){
                    typeof callback == 'function' && callback(res);
                },
                error:function(){
                    $.toast("操作失败,请检查网络后重试！");
                }
            })
        }
        //渲染模块
        function renderData(data){
            var dataLen=data.length;
            for(var i=0;i<dataLen;i++){
                str+=`
                    <a class="list-item" href="../detail/" data-no-cache="true">
                    <p>${data[i].title}</p>
                </a>
                `;
            }
            $(".m-lists").append(str);
        }
    });

    /*正则*/
    var idReg=/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/, //身份证正则(15位或18位)
        nameReg=/[\u4E00-\u9FA5]{2,5}/,
        phoneReg=/^1[345789]\d{9}$/;

/**********************微知识版块加载更多*/
    $(document).on("pageInit", "#page-userinfo", function(e, pageId, $page) {
        //小区楼栋门号联动
        var district=$("#district"),//小区
            floorId=$("#floor-id"),//楼栋
            roomId=$("#room-id");//小区
        district.change(function(){
            var districtName=$('#district option').not(function(){ return !this.selected }).val();
            var data={page:districtName}
            fillFloor(data);

        });

        floorId.change(function(){
            var floorId=$('#floor-id option').not(function(){ return !this.selected }).val();
            var data={page:floorId}
            fillRoom(data);

        });



        //拉取数据模块
        function houseInfo(opt){
            console.log(opt.data);
            $.ajax({
                url:'http://list.ydui.org/getdata.php?type=backposition',
                data:opt.data,
                dataType:'jsonp',
                success:function(res){
                    opt.cb && opt.cb(res);
                },error:function(){
                    $.alert('获取信息失败，请检查网络连接。');
                }

            });
        }
        //填充楼栋模块
        function fillFloor(data){
            console.log(data);
            var str="";
            houseInfo(
                {data:data,
                 cb:function(res){
                     //console.log(res);
                     var length=res.length;
                     //拼接字符串
                     for(var i in res){
                         //console.log(res[i]);
                         str +=`
                            <option value='${res[i].marketprice}'>${res[i].title}</option>
                         `
                     }
                     $("#floor-id").html(str);
                    }
                }
            );
        };
        //填充房号模块
        function fillRoom(data){
            var str="";
            houseInfo(
                {data:data,
                    cb:function(res){
                        //console.log(res);
                        var length=res.length;
                        //拼接字符串
                        for(var i in res){
                            //console.log(res[i]);
                            str +=`
                            <option value='${res[i].marketprice}'>${res[i].title}</option>
                         `
                        }
                        $("#room-id").html(str);
                    }
                }
            );
        };

        $(".button").on("click",function(){
            var idcard=$("#idcard").val(),
                username=$("#username").val(),
                userphone=$("#userphone").val();

                if(!idReg.test(idcard)){
                    $.toast('请输入正确的身份证号',2500);
                    $("#idcard").focus();
                    return false;
                }
                if(!nameReg.test(username)){
                    $.toast('请输入正确的姓名',2500);
                    $("#username").focus();
                    return false;
                }
                if(!phoneReg.test(userphone)){
                    $.toast('请输入正确的手机号',2500);
                    $("#userphone").focus();
                    return false;
                }

                $(this).attr("href","../../fuwu/detail/")
        })

    });

/**********************维修信息详情页*/
    $(document).on("pageInit", "#page-repairinfo", function(e, pageId, $page) {
        var uploadBtn=$(".upload-icon");
        var img=$(".upload-thumbnail li"),//上传图片缩略图容器
            tipWords=$(".upload-thumbnail-box .tips");
        //点击上传图片
        uploadBtn.on("click",function(){



            var imgLen=img.length;//上传图片的数量
            if(imgLen>0){
                tipWords.hide();
            }
        });

        //提交信息验证
        var btnSub=$(".btn-repinfo");
        btnSub.on("click",function(){
            var $that=$(this);
            var repairtxt=$("#repair-con").val().trim(),//k维修内容
                username=$("#username").val(),//联系人
                userphone=$("#userphone").val();//联系电话

            if(!repairtxt){
                $.toast('请输入具体需要维修的内容！',2500);
                $("#repair-con").focus();
                return false;
            }
            if(!nameReg.test(username)){
                $.toast('请输入正确的姓名',2500);
                $("#username").focus();
                return false;
            }
            if(!phoneReg.test(userphone)){
                $.toast('请输入正确的手机号',2500);
                $("#userphone").focus();
                return false;
            }else{
                $.alert('请仔细核对报修信息，提交后24小时内不能再次报修。如遇急需维修事项，请前往小区物业报修点现场报修。谢谢合作。',function(){
                    window.history.go(-2);
                });
            }

        })


    });
    
/**********************维修信息详情页*/
    $(document).on("pageInit", "#page-suggest", function(e, pageId, $page) {
    	var sub=$(".btn-suggest");
    	sub.on('click',function(){
    		var suggestInfo=$(".suggest-info").val().trim();
    		if(!suggestInfo){
    			$.toast("请填写意见/建议！");
    		}else{
    			$.ajax({
    				type:"post",
    				url:"",
    				success:function(){
    					$.alert('您已提交您的建议，我们会及时处理，谢谢。',function(){
		                    window.history.go(-1);
		                });
    				},
    				error:function(){
    					$.toast("提交失败，请检查网络连接");
    				}
    			});
    		}
    	});
    });

    $.init();
})